<template>
    <div class="homeHeader">
        <div class="titleName">
            资料文档
        </div>
        <!-- <div class="titleDesc">
            <el-icon><Avatar /></el-icon>
            <el-icon @click="fullScreen">
                <FullScreen />
            </el-icon>
        </div> -->
    </div>
    <div class="headerLine"></div>
</template>
<script setup>
// 全屏功能
// const fullScreen = () => {
//     const docElm = document.documentElement
//     if (docElm.requestFullscreen) {
//         docElm.requestFullscreen()
//     } else if (docElm.mozRequestFullScreen) {
//         docElm.mozRequestFullScreen()
//     } else if (docElm.webkitRequestFullScreen) {
//         docElm.webkitRequestFullScreen()
//     } else if (docElm.msRequestFullscreen) {
//         docElm.msRequestFullscreen()
//     }
// }
</script>

<style lang="scss" scoped>
.homeHeader {
    font-weight: 700;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    // position: ;
    top: 0;
    width: 1200px;
    // background-color: #fffaf7;
    z-index: 999;

    .titleName {
        font-size: 30px;
    }

    .titleDesc {
        font-size: 25px;

        .el-icon {
            margin-right: 10px;
            cursor: pointer;
        }
    }
}

.headerLine {
    height: 80px;
}
</style>